<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>书籍详情</title>
    <link rel="icon" type="image/x-icon" href="/images/logo.ico" />
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="/stylesheets/bootstrap.css">
    <link rel="stylesheet" href="/stylesheets/index.css">
    <link rel="stylesheet" href="/stylesheets/bookDetil.css">
</head>
<body>
    <!-- 头部 -->
    <div class="container">
        <%include header%>      
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-md-12">
                <ul class="list-group">
                    <li class="list-group-item">你当前所在的位置 : / 书籍详情 / <span class="color"><%=book.name%></span></li>
                </ul>
            </div>
        </div>
        <div id="small-box">
            <div id="float-box"></div>
            <img src="/images/books/<%=book.img%>" style="width:300px">
        </div>
        <div id="big-box">
            <img src="/images/books/<%=book.img%>">
        </div>
        <div id="foot-div">
            <img src="/images/books/<%=book.img%>" class="imgDiv" style="width:100%;height:auto">
            <img src="/images/books/<%=book.img%>" class="imgDiv" style="width:100%;height:auto">
            <img src="/images/books/<%=book.img%>" class="imgDiv" style="width:100%;height:auto">
        </div>
    </div>
    <div class="container" style="margin-top: -200px">
        <div class="row">
            <div class="col-xs-12 col-md-12">
                <ul class="list-group">
                    <li class="list-group-item">
                        <span>书名 : <span class="color" style="font-size:18px"><%=book.name%></span></span>
                        <span style="margin-left:10px">作者 : <span class="text-muted"><%=book.author_id.name%></span></span>
                        <span style="margin-left:10px">&nbsp;单价 : <span class="color2" style="font-size:18px">￥<%=book.money%></span></span>
                        <span style="margin-left:20px;font-size:16px ">
                            <a href="javascript:;" class="color" onclick="shoucang('<%=book._id%>')">收藏</a>
                            <a href="javascript:;" class="add_scar color" onclick="join('<%=book._id%>')">加入购物车</a>  
                        </span>
                    </li>
                    <li class="list-group-item">
                        <span class="color bookTab">简介</span>
                    </li>
                    <li class="list-group-item">
                        <span class="color bookTab2">图书简介</span>
                    </li>
                    <li class="list-group-item">
                        <p><%=book.aboutBook%></p>
                    </li>
                    <li class="list-group-item">
                        <span class="color bookTab2">基本信息</span>
                    </li>
                    <li class="list-group-item">
                        <p>类 别 : <%=book.colmun_id.name%></p>
                        <p>作 者 : <%=book.author_id.name%></p>
                        <p>出 版 社 : 江苏文艺出版社</p>
                    </li>
                    <li class="list-group-item">
                        <span class="color bookTab2">作者简介</span>
                    </li>
                    <li class="list-group-item">
                        <p><%=authorInfo.authorInfo%></p>
                    </li>
                    <li class="list-group-item">
                        <span class="color bookTab2">图书评论</span>
                    </li>
                    <li class="list-group-item">
                        <span><img src="/images/woman.gif" style="width:65px;height:65px;border-radius:50%"></span>
                        <span><img src="/images/star.jpg" style="margin-top:-40px;margin-left:10px"></span>
                        <span class="text-muted" style="margin-left:-55px">栗小豪</span>
                        <span style="margin-left:20px;color:#000">很好看呦~</span>
                        <span class="text-muted plDate">2018-3-20 16:43:50</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>
<script src="/javascripts/jquery-3.2.1.min.js"></script>
<script src="/javascripts/bootstrap.js"></script>
<script src="/javascripts/layer/layer.js"></script>
<script src="/javascripts/jquery.fly.min.js"></script>
<script src="/javascripts/public.js"></script>
<script src="/javascripts/fangdajing.js"></script>
</html>